html{
	color: #000;
	background: #FFF;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust:none;
}

html, body, form {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

body{
    background-color: #444444;
}

body.Root {
background-color: #444;
}

div.PageHeader {
color: 
white;
height: 40px;
background-color: 
#444;
}

div.PageHeaderVersion {
font: normal 16px/40px Arial, Verdana;
white-space: nowrap;
float: left;
padding: 0 12px;
}
div.PageMenu{
	padding: 0 0px;
	border-spacing: 0;
}

ul.PageHeaderActions {
float: right;
list-style: none;
font-family: Arial, Sans-Serif;
margin: 10px 0;
}

ul.PageHeaderActions > li {
float: left;
border-left: solid 1px 
white;
}

#container{
	width: 770px;
	height: 100%;
	margin: 0 auto;
}

#titulo{
	font: normal 16px/40px Arial, Verdana;
	float: left;
	color: white;
	height: 40px;
	padding: 0 12px;
	background-color: #444;
}

#logotipo{
	float: right;
	list-style: none;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: 10px 0;
	color: #fff;
	padding: 0 12px;
	height: 40px;
}

#barra_menu{
	min-height: 25px;
	padding: 3px;
	clear: both;
	background-color: #009900;
}

#corpo{
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 300px;
	background-color: #00ff55;
}

#rodape{
	height: 20px;
	margin-top: 5px;
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
}

.image {
	width: 20px;
	height: 20px;
	border: none;
	text-decoration: none;
}

.negrito{
	font-weight: bold;
}

li {
/*float: left;*/
border-left: solid 1px white;
display: list-item;
text-align: -webkit-match-parent;
}

/*Header.css*/

div.PageHeader{ color:#fff;height: 40px;background-color: #444;}
div.PageHeaderVersion{font:normal 16px/40px Arial, Verdana;white-space: nowrap;float: left;padding:0 12px;}
div.PageHeaderActions{font: 8pt Arial;white-space: nowrap;float: right;padding:0 12px;}
div.PageHeaderActions span.HeaderUserName{font-weight: bold;}
div.PageHeaderActions a{ display: inline-block; line-height: 40px; margin: 0 3px; outline:0; color:White;}
div.PageHeaderActions a span { display:block; height:20px; line-height:20px; padding: 0 3px; border-radius: 5px; -moz-border-radius: 5px;}
ul.PageHeaderActions{ float:right; list-style:none; font-family:Arial, Sans-Serif; margin:10px 0;}
ul.PageHeaderActions > li { float:left; border-left:solid 1px #fff;}
ul.PageHeaderActions li:first-child { border:none;}
ul.PageHeaderActions li.ChatState { position:relative;}
ul.PageHeaderActions a, ul.PageHeaderActions strong { position:relative; display:block; font-size:11px; color:#fff; padding:3px 5px; margin:0 5px;}
ul.PageHeaderActions li.ChatState a { padding-right:18px; cursor:pointer;}
ul.PageHeaderActions > li > a:hover { border-radius:5px; -moz-border-radius:5px; background-color:#555;}
ul.PageHeaderActions a span { position:absolute; top:0; right:0; display:block; width:16px; height:16px; background: url('../images/sprites/Menu_Sprite.png') -156px 2px no-repeat;}
ul.PageHeaderActions a#HeaderAFKToggleLink { padding:0;}
ul.PageHeaderActions a#HeaderAFKToggleLink span { position:static; display:block; width:auto; height:auto; padding:3px 5px; background:none; border-radius:5px; -moz-border-radius:5px;}
ul.PageHeaderActions a#HeaderAFKToggleLink span.HeaderAFKToggleOn { color: #222222; background-color: #fedc93;}
ul.PageHeaderActions li ul { position:absolute; top:30px; left:0; display:none; list-style:none; padding:0; margin:0; min-width:75px; background-color:#444; border:solid #393939 1px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
ul.PageHeaderActions li li { display:block;}
ul.PageHeaderActions ul a { padding:3px 10px 3px 18px; margin:0; *padding-top:0;}
ul.PageHeaderActions ul a span { left:0; right:auto; background:none;}
ul.PageHeaderActions a.checked span { background: url('../images/sprites/Menu_Sprite.png') -130px 2px no-repeat;}
ul.PageHeaderActions ul li:last-child a{ border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}
ul.PageHeaderActions ul a:hover { background-color:#515151;}

a, a:hover{
	color: #497699;
	text-decoration: none;
	outline:none;
}

/*HyperSplitter.css*/

.hsContainer{border-collapse: collapse;border-spacing: 0;height: 100%;width: 100%;}
.hsContainer td{padding: 0;margin: 0;}
.hsHorizontal, .hsVertical{vertical-align: top;}
.hsSplitBarVert, .hsSplitBarHorz{cursor: e-resize;z-index: 700;width: 8px;overflow: hidden;background-color: #000;opacity: 0;filter: alpha(opacity=0);}
.hsSplitBarHorz{width: auto;cursor: n-resize;height: 8px;}
.hsSplitBarVertIndicator, .hsSplitBarHorzIndicator{cursor: e-resize;background-color: #AAA;opacity: 0.7;filter: alpha(opacity=70);z-index: 700;width: 6px;}
.hsSplitBarHorzIndicator{cursor: n-resize;height: 6px;width: auto;}
.hsResizeModal{background-color: #000;opacity: 0;filter: alpha(opacity=0);z-index: 701;}
.hsContainer .Splitter{background: #444;}
.ContentSplitter .hsContent{overflow: auto;}
.hsContent{*overflow:hidden;}

.hsHorizontal_Main, td{
	font-size: 12px;
	
}

div.SidebarScroller {
    overflow: hidden;
}

div#SidebarContainer {
    background-color: #333333;
    padding: 1px 0;
}

.SidebarScroller{
	background-position: 0px -97px;
}

div.PageTitle, div.PageTitleRight, div.PageTitleLower {
   background-color:#D29446;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font: bold 10pt/30px Arial,sans-serif;
    height: 30px;
    padding: 0 10px;
}

.ContentDiv {
   	background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    height: 100%;
    outline: medium none;
   	overflow: auto;
    position: relative;
}

.Panel{
    margin: 0;
    padding: 0;
}

div.Login {
    font-family: Arial,Sans-Serif;
    left: 50%;
    margin-left: -168px;
    margin-top: -110px;
    position: absolute;
    top: 50%;
}

div.LoginPanel {
    background-color: #444444;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 5px #444444;
    width: 335px;
}